@import "variable";
.form{
  background: #fff;
  .yd-cell-item{
    border-bottom: 1px solid #ededed;
  }
  .yd-cell-left{
    padding: 0 .15rem 0 0;
    .label{
      display: inline-block;
      white-space: normal;
      width: 1.5rem;
    }
    .required{
      position: relative;
      &:before{
        content: '*';
        color: red;
        position: absolute;
        top: 0;
        right: 100%;
        transform: translateX(-2px);
      }
    }
  }
  .right-bottom{
    text-align: right;
    padding: .1rem .2rem;
    .mint-button{
      &:not(:last-child){
        margin-right: .2rem;
      }
    }
  }
  .form-img-right{
    display: flex;
    width: 100%;
    align-items: center;
    padding: .1rem 0;
    flex-wrap: wrap;
    .img-box{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      span.bottom{
        display: inline-block;
        padding: .2rem 0;
      }
    }
    .upload-img{
      width: 2rem;
    }
  }
  input[disabled="disabled"]{
    -webkit-text-fill-color: #999;
    -webkit-opacity: 1;
    color: #999;
  }
}
.form-list{
  background: #fff;
  .form-list-item{
    display: flex;
    align-items: flex-start;
    padding: .25rem .2rem;
    .label{
      color: #99a9bf;
      margin: 0 .2rem 0 0;
      white-space: nowrap;
    }
    .content{
      color: #333;
    }
    a{
      color: $primary;
    }
    &:not(:last-child){
      border-bottom: 1px solid #ededed;
    }
  }
}
/*预览列表下的警告信息*/
.record-warning{
  background: #fffbca;
  padding: .2rem;
  display: flex;
  align-items: center;
  span{
    color: #999999;
  }
  .warning-icon{
    display: inline-block;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    background: #f15a59;
    color: #fff;
    border-radius: 50%;
    margin: 0 .1rem 0 0;
  }
  .xf-duigou{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    background: $success;
    color: #fff;
    border-radius: 50%;
    margin: 0 .1rem 0 0;
    font-size: .2rem;
  }
  .xf-guanyu{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    background: $warning;
    color: #fff;
    border-radius: 50%;
    margin: 0 .1rem 0 0;
    font-size: .2rem;;
  }
}
